{extend name="default/base" /}

{block name="title"}{$title}{/block}
{block name="keywords"}{$keywords}{/block}
{block name="description"}{$description}{/block}

{block name="css"}{/block}

{block name="content"}

<div class="row">
    <div class="col-sm-8">
          <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="text-center">{$title}</h3>
                <div class="text-multed text-center">
                    <span>{$create_at|format_date="Y-m-d"}</span>
                    <span style="margin-left:10px;"><a href="{$category_url}">{$category_name}</a></span>
                    <span style="margin-left:10px;">阅读 ({$pv})</span>
                    <span style="margin-left:10px;"><a href="{$comment_url}">评论 ({$comments_total})</a></span>
                </div>
              <div class="box-tools pull-right">
                <a href="{$prev_url}" class="btn btn-box-tool" data-toggle="tooltip" title="上一篇"><i class="fa fa-chevron-left"></i></a>
                <a href="{$next_url}" class="btn btn-box-tool" data-toggle="tooltip" title="下一篇"><i class="fa fa-chevron-right"></i></a>
              </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="pad">{$content}</div>
                <ul class="nav nav-pills">
                    {article:tag name='vo'}
                    <li role="presentation"><a href="{$vo.tag_url}">{$vo.title}</a></li>
                    {/article:tag}
                </ul>
            </div>
            <!-- /.box-body -->
            <div class="box-footer">
                <div class="user-panel">
                    <div class="pull-left image">
                        <img src="{$avatar}" class="img-circle">
                    </div>
                    <div class="pull-left info">
                        <p><a href="{$member_url}">{$username}</a></p>
                        <span class="text-muted">{$motto}</span>
                    </div>
                </div>
            </div>
          </div>
          <!-- /. box -->

            <div class="box box-widget">
                  <div class="box-header with-border">
                    <h3 class="box-title">相关内容</h3>
                  </div>
                  <div class="box-body">
                        <ul class="list-unstyled">
                            {article:relation name='vo' limit='10'}
                            <li><a href="{$vo.article_url}">{$vo.title}</a></li>
                            {/article:relation}
                        </ul>
                  </div>
            </div>
    </div>
    
    <div class="col-sm-4 hidden-xs">
        <div class="box box-solid">
            <div class="box-header with-border">
              <h3 class="box-title">热点</h3>
            </div>
            <div class="box-body no-padding">
              <ul class="nav nav-pills nav-stacked">
                {article:position name='hot' hot='1' order='hot desc' limit='5'}
                <li><a href="{$hot.article_url}">{$hot.title|msubstr=0,20}</a></li>
                {/article:position}
              </ul>
            </div>
            <!-- /.box-body -->
        </div>

        <div class="box box-solid">
            <div class="box-header with-border">
                <h3 class="box-title">标签</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <ul class="nav nav-pills">
                    {tag:list name='vo' order='num desc' limit='10'}
                    <li role="presentation"><a href="{$vo.tag_url}">{$vo.title}</a></li>
                    {/tag:list}
                </ul>
            </div>
            <!-- /.box-body -->
        </div>

    </div>

</div>

{/block}

{block name="js"}{/block}